{% if page_obj %}
  <div class="row" style="margin-top:12px;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap">
    <div class="small">
      Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }} · {{ page_obj.paginator.count }} total
    </div>
    <div class="row" style="gap:8px;flex-wrap:wrap">
      {% if page_obj.has_previous %}
        <a class="btn" href="?{% for k,v in request.GET.items %}{% if k != 'page' %}{{ k }}={{ v|urlencode }}&{% endif %}{% endfor %}page={{ page_obj.previous_page_number }}">← Prev</a>
      {% else %}
        <span class="btn" style="opacity:.5;pointer-events:none">← Prev</span>
      {% endif %}

      {% if page_obj.has_next %}
        <a class="btn" href="?{% for k,v in request.GET.items %}{% if k != 'page' %}{{ k }}={{ v|urlencode }}&{% endif %}{% endfor %}page={{ page_obj.next_page_number }}">Next →</a>
      {% else %}
        <span class="btn" style="opacity:.5;pointer-events:none">Next →</span>
      {% endif %}
    </div>
  </div>
{% endif %}